<template>
  <div>
      <el-avatar shape="square" :size="50" :src="stuDetailData.headimgurl"></el-avatar>
       <el-descriptions title="学员信息" direction="vertical" :column="4" border>
  <el-descriptions-item label="姓名">{{stuDetailData.name}}</el-descriptions-item>
  <el-descriptions-item label="学历">{{stuDetailData.degree}}</el-descriptions-item>
  <el-descriptions-item label="居住地" :span="2">苏州市</el-descriptions-item>
  <el-descriptions-item label="备注">
    <el-tag size="small">学校</el-tag>
  </el-descriptions-item>
  <el-descriptions-item label="联系地址">M78星云</el-descriptions-item>
</el-descriptions>
  </div>
</template>
<script>
    import {mapState} from "vuex"
    export default {
        computed: {
            ...mapState(['stuDetailData'])
        },
       mounted () {
         console.log(this.stuDetailData);  
       },
        data () {
            return {
                
            }
        }
    }
</script>